@import url("css/variations/stylesheetwidget.css");
@import url("../../Containers/GoodDNN-LightBlue/LightBlue06.css");
@import url("css/AccordionList.css");


/************************** NEW STYLES FOR DIV LAYOUT *****************************************/
ul li ul {
    padding-bottom: 0px;
}

.wrapper {width: 100%; }

#HeaderWrapper	{
	/*
	margin: auto!important; */
	display:block; /* added back in to fix centering banner in IE8 */
	width: 100%;
	background-color: #1C4E69;	
	max-width: 100%!important; 
}

#CountyMenuDiv	{
	width: 680px!important;
	height: 37px; 
	padding:0px; margin:0px; background:url(images/LightBlue_r5_c7.jpg);
	float:left;
}

#footer1	{
	width:34px; 
	float:left;
}
#footer2	{
	float:left;
	background:url(images/LightBlue_r14_c6_dark.gif);
	white-space:nowrap;
	width:252px; 
	height: 47px; 
	padding-top: 30px; 
	line-height: 20px;
}

#footer2 .Footer	{
	position:relative; 
	top: -10px;
	left: -10px;}

#footer3	{
	width:67px; 
	float:left;
	height: 77px; 
}
#footer4	{
	float:left;
	height: 77px;
	width: 625px; 
	background:url(images/LightBlue_r14_c15_dark.gif); 
	vertical-align:bottom;	
}

#footer4_1	{
	height: 22px;
	float:none;
	text-align:left;
	padding-top: 10px; 
}

#footer4_2	{
	height: 22px;
	width: 375px;
	float:left;
	padding-top: 15px;
}

#footer4_3	{
	
	float:right;
	height: 22px;
	width: 250px; 
	padding-top: 15px;	
}

#footer5	{
	 float:right;
	 width:34px;	 
	 height: 77px; 
}

#footerdiv  {
    position:relative;
    
}

#footerbuttons 	{    
    position: absolute;
    right: 5px;
    bottom: -35px;}

#footerbuttons  img {height: 40px;}

.slideshow img{width: 100%!important; margin:0px!important;}
 
/************************** NEW STYLES FOR DIV LAYOUT *****************************************/

body
{	background-color: #D6C1A1;
	line-height: 14px; 
 /*CFC6B7;*/
}

.pagebg {
    -moz-box-sizing: border-box;
    background-color: #F5EFE7;
    max-width: 1012px;
    width: 1012px;
}
.HeaderBg
{
	background: url(Images/bannerdark970.jpg) no-repeat;
}

.menuContainer
{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 2px;
	padding-bottom: 3px;
	}
	
 .headerPane	{
}
 
 .bannerPane	{
}

.topPane
{
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 3px;
}
.leftPane {
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 3px;
	vertical-align:top; 
}

.contentPane {
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 3px;
	vertical-align:top; 
}

.rightPane {
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 3px;
	vertical-align:top; 
}

.bottomPane {
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 3px;
}

/*************** new custom search (this is from the skin.css file on the test server) ***/

/************************* END new custom search ( could be global in skin or defaultskin.css ) *********************/

/*-------- gray bread crumb --------*/
.gray_top_left {padding:0px; margin:0px; background:url(images/lt.png) no-repeat top left; height:18px;}
.gray_top_right {padding:0px; margin:0px; background:url(images/rt.png) no-repeat top right; height:18px;}

.gray_bg
{
	background-color: silver;
}
.gray_content {padding:0px 11px 0px 11px; }

.gray_bottom_left {padding:0px; margin:0px; background:url(images/lb.png) no-repeat top left; height:18px;}
.gray_bottom_right {padding:0px; margin:0px; background:url(images/rb.png) no-repeat top right; height:18px;}

A.headerlink:link {
	color : White;
	text-decoration : underline;
}

A.headerlink:visited  {
	color : White;
	text-decoration : underline;
}

A.headerlink:active {
	color : White;
	text-decoration : underline;
}

.BreadcrumbLabel
{
	font-weight: bold;
	color: #000066;
	text-decoration: none;
}

.BreadcrumbBar
{
    padding-left: 7px;
    padding-top: 12px;
    padding-bottom: 8px;
	text-align:left;
}

.Breadcrumb2, A.Breadcrumb2:link, A.Breadcrumb2:visited, A.Breadcrumb2:active
{
	color: #0D397C;
	font-weight: normal;
	text-decoration: underline;
}
SPAN.Breadcrumb2
{
    color: #595959;
    font-weight: normal;
    text-decoration: none;
}

A.Breadcrumb2:hover
{
	color: #990000;
	font-weight: normal;
	text-decoration: none;
}

.center {text-align:center;}
.centered {display:block; margin-left: auto; margin-right:auto; }

/* - employee recognition --------------------------------------- - */
#emprectable {padding:0px; margin:0px; border:2px solid #1C4E69; }
#emprectable td{ margin:0px;  padding:10px; vertical-align:top; }

.goldheader {background-color: #ffcc00; font-weight:bold; color: #000000; text-align:center; width:30%; font-size: 14px; }
.silverheader {background-color: #D2D2D2; font-weight:bold; color: #000000; text-align:center; width:30%; font-size: 14px; }
.bronzeheader {background-color: #cc6600; font-weight:bold; color: #000000; text-align:center; width:30%; font-size: 14px; }

.deptaward {background-color: #dddddd; text-align:center; font-size: 14px; font-weight:bold;}

.emprectd {background-color:#ffffff; border:1px solid #1C4E69;}

.emprecgold {margin:0px; padding: 3px; padding-left: 10px; padding-right: 10px; background-color: #ffcc00; font-weight:bold; color: #000000; text-align:center; font-size: 14px; border:1px solid #1C4E69;}

.emprecsilver {margin:0px; padding: 3px; padding-left: 10px; padding-right: 10px; background-color: #D2D2D2; font-weight:bold; color: #000000; text-align:center; font-size: 14px; border:1px solid #1C4E69;}

.emprecbronze {margin:0px; padding: 3px; padding-left: 10px; padding-right: 10px; background-color: #cc6600; font-weight:bold; color: #000000; text-align:center; font-size: 14px; border:1px solid #1C4E69;}

.empadj {
	display: inline-block;
    position: relative;
    left: 5px;
    top: 10px;}	
	
.blueborder {border:1px solid #1C4E69;}

.emprecpic {border:1px solid #1C4E69; float: left; margin:0px; padding:0px; margin-right:10px; margin-bottom: 5px; margin-top: 3px;}

#jjdpc {margin-left:auto; margin-right:auto;  }

#jjdpc td {color:#1C4E69; padding:10px; vertical-align:top;  font: bold 13px Verdana, Tahoma, Arial, Helvetica; }

.yearhover:hover {text-decoration:underline;}

.basictable {border:1px solid black; border-collapse:collapse; margin-left:auto; margin-right:auto;}
.basictable th{background-color: #dddddd; font-weight:bold;}
.basictable td, th{border:1px solid black; border-collapse:collapse; padding:5px; }

.displaytable { border-collapse:collapse; }
.displaytable th{background-color: #dddddd; font-weight:bold;}
.displaytable td, th{border:1px solid #cccccc; border-collapse:collapse; padding:10px; }
/* basic table is a good generic table format which has a grey header and is centered on the page */

/*#homeheadline a:link{text-decoration:none; }
#homeheadline a:visited{text-decoration:none;}
#homeheadline a:hover{text-decoration:underline;}
#homeheadline a:active{text-decoration:none;}*/

.h1left  {font: bold 18px Verdana, Tahoma, Arial, Helvetica;  margin:10px 0; text-align:left;}
.h1left  a{font: bold 18px Verdana, Tahoma, Arial, Helvetica;  margin:10px 0; text-align:left;}

/*************************************************************************************************************/
#budgetlist	li{
	width: 400px;
}

#cafrlist	li{
	width: 400px;	
}

/************** BDS page**************************/

.distmap	{
		width: 200px; 
	}

.ProfilePhoto {max-width: 120px!important; }

#bos_dist_pic {margin-bottom: 20px; margin-right: 15px; float: left;}

#BDSleftlinks {
    border-right: 0 solid #1c4e69;
    margin: 0;
    padding: 10px 10px 0 0;
    width: 190px;
}

#BDSleftlinks li {
    line-height: 15px;
    list-style-type: none;
    margin: 0 0 0 25px;
    padding: 5px 0 3px;
    text-indent: -25px!important;
    vertical-align: top;
}

#BDSleftlinks li ul {
	padding:0px;
	padding-bottom: 5px;
}

#BDSleftlinks li ul li{
	position:relative;
    left: -10px!important;
	padding: 0px; padding-topm: 2px;
}


#BDSlinks2 {
    border-right: 0 solid #1c4e69;
    margin: 0;
    padding: 10px 10px 0 0;
    width: 190px;
}

#BDSlinks2 li {
    line-height: 15px;
    list-style-type: none;
    margin: 0 0 0 25px;
    padding: 5px 0 3px;
    text-indent: -25px!important;
    vertical-align: top;
	font-size: 8px!important;
}

#BDSlinks2 li ul {
	padding:0px;
	padding-bottom: 5px;
}

#BDSlinks2 li ul li{
	position:relative;
    left: -10px!important;
	padding: 0px; padding-topm: 2px;
}

#BDSlinks2 li a	{
	
font-size: 10px!important;

}
 
.bdmemberpic {
	margin-bottom: 0px;
	margin-right: 10px; 
	float: left;
	border:1px solid #1C4E69;
}

#BDSleftlinks li a {
    font-weight: bold;
}

#gismenu{width: 250px; max-width: 250px!important;}
.contentPane {width: 100%;}

.blueborderbds {border:1px solid #1C4E69;
	width: 100%!important; 
	max-width: 100px!important; }
	
.bdmember {display: inline-block; margin-left: 1px; margin-right: 1px; text-align:center;line-height: 14px; }
.bdmember a {text-decoration:none;}
.bdmember a:link{text-decoration:none; }
.bdmember a:visited{text-decoration:none;}
.bdmember a:hover{text-decoration:underline;}
.bdmember a:active{text-decoration:none;}

/***********comms vac ****************/

.commvactable	{
	border: 1px solid #1c4e69;
	width:96%;
	border-collapse:collapse; 
	margin-left: auto; 
	margin-right: auto; 
}

.commvactable th{
	border: 1px solid #1c4e69;
	text-align:center;
	padding-top: 5px; padding-bottom:5px;
	font-weight:bold; 
}

.commvactable td{
	border: 1px solid #1c4e69;
	
	padding-top: 5px; padding-bottom:5px;
	padding-left: 15px!important;
	text-indent: -15px!important;
}

.commvactable .leftcol	{
 width: 33%;
}

.commvactable .centercol	{
 width: 10%;	
}

.commvactable .rightcol	{
 width: 55%;	
}

.commvactable a, .commvactable a:link, .commvactable a:active, .commvactable a:visited {
	text-decoration:none;
	font-weight: bold;
	line-height: 12px; 	 
}

.commvactable a:hover {
	text-decoration:underline;
	font-weight: bold;
	line-height: 12px; 	 
}

.thlt	{width: 30%;}
.thm	{width: 5%;}
.thrt	{width: 60%;}
	
#applynow {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 20%;
}

/*****************whistleblower *******************************/


.hotline { }
.hotline td{padding:3px; word-wrap:break-word; }

.lefttab 	{
	width: 20%;
}

#dnn_ctr679_ContentPane p	{
	margin-bottom: 8px; 
}

/*   A-Z services **********************/

.mainlist	{
	
text-align:left; 
}

/******************* GDJ page rollup menu ******************/

.bgfix, #consrep li a{
    font-weight:bold;
}

.bgfix a, .bgfix a:link, .bgfix span, #consrep li a, #consrep li a:link{
    text-decoration:none; color: #0D397C; cursor:pointer; font-weight:bold;
}

.bgfix a:visited, .bgfix span:visited, #consrep li a:visited{
    text-decoration:none; color: #0D397C; font-weight:bold;
}

.bgfix a:hover, .bgfix span:hover, #consrep li a:hover{
    text-decoration:underline; color: #990000; font-weight:bold;
}

.bgfix a:active, .bgfix span:active, #consrep li a:active{
    text-decoration:none; color: #0D397C; font-weight:bold;
}

#dnn_ctr6123_HtmlModule_lblContent ul li ul li {list-style-type:none;}

#mainnav li ul li, #mainnav2 li ul li, #mainnav3 li ul li, #mainnav4 li ul li, #mainnav5 li ul li, #mainnav6 li ul li {list-style-type:disc;}

#consrep li a{text-decoration:none; font-weight:bold;}

a.none, a.none:link, a.none:visited, a.none:active	{text-decoration:none;}

a.none:hover	{text-decoration:underline;}

#mainnav_gdj li	{ font-weight:normal;}

#mainnav_gdj span	{ font-weight:bold;}

/****************************************** GDJ 2020 New version ***********************************/

.DnnModule-12933 {position:relative;}
#GDJmenu {
	margin-top: 10px; 
	margin-bottom: 10px; 
	border: 1px solid #eeeeee; 
	height: 72px; 
	margin-left: auto; 
	margin-right: auto;
	width: 90%;
}

#GDJmenu .toplink { 
	border: 1px solid #cccccc;  
	width: 17%;
    max-width: 17%;
	height: 60px;
  
	padding: 5px 10px; 
	vertical-align: middle; 
	text-align:center; 
	background-color: #1c4e69; color: #f3f3f3;
	font-weight: bold; 
	font-size: 1rem!important; 
	text-decoration:none; 
	line-height: 1.2rem; 
	display: table-cell;
}

.DnnModule-12933 hr {margin-bottom:30px;}

.DnnModule-12933 p, .DnnModule-12933 a, .DnnModule-12933 ul li {font-size: 1rem; line-height: 1.3rem;} 
.DnnModule-12933 ul li {    
	text-indent: -20px;
    margin-left: 20px;
}
.largertext, .largertext a {font-size: .9rem; line-height: 1.3rem;}

.largertextblue {margin-top: 20px;
	color: #1c4e69;
    font-size: 1.2rem!important;
    line-height: 1.4rem!important;
font-weight: bold;}

.GDJcontacttable {width: 36%;}
.GDJcontacttable td {font-size: .9rem; line-height: 1.3rem; vertical-align:top; padding: 5px;}
.GDJcontacttable a {font-size: .9rem; line-height: 1.3rem;}
.GDJcontacttable tr:nth-child(2n) {
    background-color: transparent!important;
}
.backtop {text-align:center; display:block; margin-top: 20px; margin-bottom: 10px; }
.caratlist{    list-style: none!important;
    list-style-type: none!important;
}
.caratlist li { list-style-type: none!important; background: url(/Portals/_default/Skins/GoodDnn-LightBlue/images/carat.png) no-repeat 0px 0px transparent; padding-left: 25px!important; padding-left: 40px!important; text-indent: -10px!important;}

.small {font-size: .7rem; line-height:.8rem; }
@media only screen and (max-width: 768px) {
	
	#GDJmenu {height: auto!important; width: 100%;
    max-width: 100%;}
	#GDJmenu .toplink {float: none; display:block; width: 90%; max-width: 90%; height: auto; margin-left: auto; margin-right: auto; padding: 10px 0px; }
	
	.GDJcontacttable { width: 60%; }
	
	.DnnModule-12933 p, .DnnModule-12933 a, .DnnModule-12933 ul li {font-size: .9rem; line-height: 1.2rem;} 
}
/* ******** responsive table styles (for commissions page first) *************************** */

	.table{
		width: 100%;    
	}

	.box {
		margin: 0 auto;
		max-width: 700px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	}
        
	.indent{
		margin-right: 10px;
		float: left;
		width: 70%;
	}

	.bold{
		font-size: 18px;
		font-family: sans-serif;
	}
		
	.bold a, .bold a:link, bold a:visited, bold a:active{
		font-size: 18px;
		font-family: sans-serif;
	}
/*
        .table {
          margin: 0 0 40px 0;
          width: 100%;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
          display: table;
        }
*/
        
	.row{
		border-bottom: 1px solid black;
	}
    
	.table {
		display: block;
	}
    
	.row {
		display: table-row;
		background: #F5EFE7;
	}
	
	.row:nth-of-type(odd) {
         background: #F7F4F0;
    }

	.row.header {
         font-weight: 900;
         color: #ffffff;
         background: #1d5979;
	}
        
	.row.header2 {
          font-weight: 900;
          color: #ffffff;
          background: #2274a0;
	}

	.row {
           padding: 8px 0;
           display: block;
	}

	.cell {
          padding: 6px 12px;
          display: table-cell;
	}
	
	.cell {
          padding: 2px 12px;
          display: block;
    }

	.box{
          width: 100%;
                
    }

	.indent, .indent2{
         margin-left: 20px;
		font-weight: bold;
	}



/* ****************************** COB *******************************  */
#ceqatable {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

#ceqatable td{
	padding: 8px;
	border: 1px solid #ddd;
}


.cob_btn, .cob_btn:link, .cob_btn:visited {
	display: block;
	width: 100px;
	border: 1px solid gray;
	text-align: center;
	padding: 10px;
	color: #fff !important;
	background-color: #1c4e69;
	font-weight: bold;
	border-radius: 5px;
	margin-bottom: 10px;
	text-decoration: none !important;
}

.cob_btn:focus, .cob_btn:active {
	color: #ffffff;
}

.cob_btn:hover {
	background-color: #176186;
	text-decoration: underline !important;
}



@media screen and (max-width: 736px) {
    
    .indent{
        width: 85%;
    }
}

/* ******************************GrandJury*******************************  */

.gdjcomplainttext, .apply	{
	
	border: 1px solid #1c4e69;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	
}

.gdjcomformlink {}



/* ========== Grid (7/20/2021) ========== */
.scc-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.scc-row * {
    box-sizing: border-box;
}

.scc-row::before,
.scc-row::after {
    box-sizing: border-box;
}

.scc-col-md-6 {
    width: 100%;
    padding: 0px 5px;
    margin-bottom: .5rem;
}

@media (min-width:  768px) {
	.scc-col-md-6 {
		width: 50%;
	}
}